<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title>Snake game in javascript</title>
		<link type="text/css" rel="stylesheet" href="main.css"/>
        <script src="jquery-1.11.1.min.js"></script>
        <script src="snake.js"></script>
    </head>
    <body>
        <div style="width:500px; margin: 50px auto;">
            <p>
                <div>任务目标：</div>
                <ol>
                    <li>生成一个20*20的游戏区域</li>
                    <li>随机生成一个蛇头两个蛇身</li>
                    <li>按下方向键启动贪吃蛇</li>
                    <li>用鼠标绘画蛇的活动范围</li>
                </ol>
            </p>
            <p>
                <p>掌握技巧：</p>
                <ol>
                    <li>根据坐标查找标签：document.elementFromPoint()</li>
                </ol>
            </p>
            <div id="world" class="world"></div>
        </div>
    </body>
</html>